<#include "/decorator/header.ftl">
<div class="container-fluid">
    <div class="panel panel-default" id="resourceListPanel">
        <nav class="navbar navbar-default" style="margin-bottom: 0px;">
            <div class="col-lg-4 col-md-4 col-sm-5">
                <div class="btn-group navbar-btn" id="bucketDiv">
                    <button class="btn btn-default"><span class="glyphicon glyphicon-edit"></span></button>
                    <div class="btn-group">
                        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">选择一个空间 <span class="caret"></span></button>
                        <ul class="dropdown-menu">
                            <li><a href="#"><span class="glyphicon glyphicon-plus"></span> 新建空间</a></li>
                        </ul>
                    </div>
                </div>
                <button class="btn btn-primary navbar-btn pull-right" id="uploadBtn"><span class="glyphicon glyphicon-cloud-upload"></span> 上传</button>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <form class="navbar-form">
                    <div class="input-group">
                        <input type="text" class="form-control" id="searchInput" placeholder="Search">
                        <span class="input-group-btn" style="width: 1%;">
                            <button class="btn btn-info" id="searchBtn"><span class="glyphicon glyphicon-search"></span></button>
                        </span>
                    </div>
                </form>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <button class="btn btn-info navbar-btn pull-right" id="refreshBtn">刷新</button>
            </div>
        </nav>
        <div class="panel-body" style="overflow: auto;">
            <table class="table table-condensed" style="table-layout: fixed; word-wrap: break-word;">
                <thead>
                    <tr>
                        <th class="col-lg-2 col-md-2 col-sm-2">文件名</th>
                        <th class="col-lg-4 col-md-4 col-sm-4">文件描述</th>
                        <th class="col-lg-3 col-md-3 col-sm-3">文件地址</th>
                        <th class="col-lg-1 col-md-1 col-sm-1">文件类型</th>
                        <th class="col-lg-1 col-md-1 col-sm-1">上传时间</th>
                        <th class="col-lg-1 col-md-1 col-sm-1">文件大小</th>
                        <th style="width: 60px;">上传者</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div class="panel-footer" style="text-align: right">
            <ul id="pagination" class="pagination-sm" style="margin: 0px;"></ul>
        </div>
    </div>

    <style>
        .tooltip-inner {
            word-wrap: break-word;
        }
    </style>
</div>
<script src="${contextPath}resources/js/biz/storage/storage.js?v=201603021722"></script>
<script src="${contextPath}resources/js/lib/jquery.twbsPagination.js"></script>
<#include "/decorator/footer.ftl">